import React, { PureComponent } from 'react'
import QueueAnim from 'rc-queue-anim';
import TweenOne from 'rc-tween-one';
import OverPack from 'rc-scroll-anim/lib/ScrollOverPack';
import { Divider } from '../../widgets'
import {Element} from "rc-banner-anim";

const dianHuaImg  = require('../../assets/footer/foot_dianhua.png')
const weizhiImg = require('../../assets/footer/foot_weizhi.png')
const youjianImg = require('../../assets/footer/foot_youjian.png')
const footerImg = require('../../assets/footer/rwm_foot_erweim.jpg')

export default class extends PureComponent {
  static defaultProps = {
    className: 'content18',
  };

  getDelay = e => e % 3 * 100 + Math.floor(e / 3) * 100 + 300;

  render() {
    const props = { ...this.props };
    const isMode = props.isMode;
    delete props.isMode;

    return (
      <div {...props} className={`content-template-wrapper ${props.className}-wrapper`}>
        <OverPack
          className={`content-template ${props.className}`}
          playScale="0.1"
          location={props.id}
        >
          <div key="ul" className={`${props.className}-contentWrapper`}>
            <div className="left">
              <div className="column">
                <div className="columnLeftT">支付与服务:</div>
              </div>
              <div className="column">
                <p>支持说明</p>
                <p>退款说明</p>
                <p>索取发票</p>
                <p>购买流程</p>
              </div>
              <div className="column">
                <p>问答</p>
                <p>企业服务咨询</p>
                <p>一对一贴心咨询</p>
                <p>售后服务政策</p>
              </div>
              <div className="column">
                <p>最新动态</p>
                <p>经营团队</p>
                <p>加入我们</p>
              </div>
            </div>
            <div className="right">
              <div className="r-l">
                <div className="r-l-txt">下载税管家APP</div>
                <img className="r-l-img" src={footerImg} />
              </div>
              <div className="r-r">
                <div className="r-r-c"></div>
                <div className="r-r-c">
                  <img className="img" src={dianHuaImg} />
                  <div>010-53111526</div>
                </div>
                <div className="r-r-c">
                  <img className="img" src={youjianImg} />
                  <div>service@shareslink.com</div>
                </div>
                <div className="r-r-c">
                  <img className="img" src={weizhiImg} />
                  <div>北京时海定区双清路79号启迪之星</div>
                </div>
              </div>
            </div>
          </div>
        </OverPack>
      </div>
    )
  }
}
